<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jQuery基本和层级选择器</title>
</head>
<body>
    <div>
        <p>在 js中，获取元素的方法有很多，很杂，而且兼容性情况不一致，因此 jQuery给我们做了封装，使获取元素统一标准。 </p>
        <p>语法：$('选择器')  //里面的选择器直接使用 CSS选择器，但是需要加引号。</p>
        <p>基本选择器：</p>
        <p>ID选择器：$('#id')</p>
        <p>全选选择器：$('*')</p>
        <p>类选择器：$('.class')</p>
        <p>标签选择器：$('div')</p>
        <p>并集选择器：$('div,p,li')</p>
        <p>交集选择器：$('li.current')</p>
        <p>层级选择器：</p>
        <p>子代选择器：$('ul>li')</p>
        <p>后代选择器：$('ul li')</p>
    </div>
</body>
</html>